.m-shop {
    &.btn-color {
        background: linear-gradient(160deg, #2d94f3 0%, #3072f8 100%);
        &.plain {
            background: unset;
            color: #999999;
            border: 2rpx solid #999999;
        }
    }
    .border-color {
        border: 2rpx solid #3065fa;
    }
    .main-color {
        color: #3065fa;
    }
    .bg-color {
        background-color: #3065fa;
    }
    .btn {
        width: 140rpx;
        height: 56rpx;
        border-radius: 8rpx 8rpx 8rpx 8rpx;
        border: 2rpx solid #3065fa;
        display: flex;
        justify-self: center;
        justify-content: center;
        align-items: center;
        &:not(:nth-child(1)) {
            margin-left: 14rpx;
        }
    }

    .level-bg {
        padding: 8rpx;
        border-radius: 8rpx;
        color: #ffffff;
        width: 120rpx;
        font-size: 24rpx;
        display: flex;
        justify-content: center;
    }
    .level6-bg {
        background: linear-gradient(205deg, #000000 0%, #1e2020 43%, #464b4b 100%);
    }

    .level5-bg {
        background: linear-gradient(205deg, #fd5187 0%, #fd757c 43%, #fdab67 100%);
    }

    .level1-bg {
        background: linear-gradient(261deg, #ff9900 0%, #ffc13e 100%);
    }

    .level2-bg {
        background: linear-gradient(225deg, #01c5b5 4%, #00a8c4 100%);
    }
}

.white-bg {
    background-color: #ffffff;
}

.u-col-stretch {
    align-items: stretch;
}

.order-status {
    &.btn {
        width: 196rpx;
        height: 54rpx;
        border-radius: 8rpx;
        border: unset;
        color: #ffffff;
    }

    &.text {
        font-weight: 500;
        font-size: 24rpx;
        line-height: 34px;
    }
    &.state1.color {
        color: #00baff;
    }
    &.state1.bg {
        background-color: #5480fb;
    }

    &.state2.color {
        color: #ed3494;
    }

    &.state2.bg {
        background: #ed3494;
    }

    &.state3.color {
        color: #01c59f;
    }
    &.state3.bg {
        background: #00bc7f;
    }
    &.state4.color {
        color: #ff4900;
    }
    &.state4.bg {
        background: #ff4900;
    }
    &.state5.color {
        color: #ed3494;
    }
    &.state5.bg {
        background: #ed3494;
    }
}

.u-flex-inline {
    display: inline-flex;
    flex-direction: column;
    width: 100%;
}
